<nav class="navbar navbar-default">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <a class="navbar-brand" href="<?=site_url()?>"><img style="height:180%;" src="<?=base_url();?>public/img/logo.png"></a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
    	<?php
        foreach ($navs as $value) {
      ?>
        <li class="pull-left"><a href="<?=$value->addr?>"><?=$value->option?></a></li>
      <?php
        }
      ?>
      </ul>
    </div>
  </div>
  <div class="bg">
   
    <div class="words fl">
      <p>Try your best to do something what you wanne<br/>
          and never give up, belever yourself that you can!
      </p>
    </div>
    <div class="catalog clearfix">
    <?php
        foreach ($catalogs as $catalog){
      ?>
      <p class="pull-left "><a class="btn btn-success" href="<?=site_url('ciblog/lists/'.$catalog->id)?>"><?=$catalog->class?></a></p>
      <?php
        }
      ?>
    </div>
    <div class="picture"><a href="<?=site_url("/admin/article/index");?>"><img src="<?=base_url();?>public/img/icon.jpg"></a></div>
  </div>
</nav>
<hr />
